import "./index.scss";
import MenuItem from "./MenuItem";

const HOT_ICON_SRC = "https://blog-assets.jiandaoyun.com/index/hot_icon.png";
const NEW_ICON_SRC = "https://blog-assets.jiandaoyun.com/index/new_icon.png";

const MENU_ITEM = [
  {
    label: "产品",
    className: "product-function",
    children: [
      [
        { label: "业务引擎" },
        { label: "在线表单" },
        { label: "业务流程" },
        { label: "仪表盘" },
      ],
      [
        { label: "5大控制中心" },
        { label: "组织架构" },
        { label: "权限体系" },
        { label: "消息通知" },
        { label: "移动协作" },
        { label: "外部互联", icon: HOT_ICON_SRC },
      ],
      [
        { label: "5大特色能力" },
        { label: "数据预警" },
        { label: "自定义打印" },
        { label: "OCR" },
        { label: "BPA" },
        { label: "个性化" },
      ],
      [
        { label: "场景套件" },
        { label: "CRM", icon: NEW_ICON_SRC },
        { label: "知识库" },
      ],
    ],
  },
  {
    label: "方案",
    className: "jjfa",
    children: [
      { label: "供应商管理", icon: HOT_ICON_SRC },
      { label: "CRM", icon: HOT_ICON_SRC },
      { label: "进销存" },
      { label: "轻量化ERP" },
      { label: "项目管理" },
      { label: "流程ERP" },
      { label: "设备管理" },
      { label: "疫情防控" },
    ],
  },
  {
    label: "案例",
  },
  {
    label: "定价",
  },
  {
    label: "资料中心",
    className: "material-center",
    children: [{ label: "学习与服务" }, { label: "资料下载" }],
  },
  {
    label: "零代码",
    className: "zero-code",
    children: [{ label: "全民开发" }],
  },
];

export default function menu() {
  return (
    <div className="menu">
      {MENU_ITEM.map((item, index) => (
        <MenuItem menuItem={item} key={index}></MenuItem>
      ))}
    </div>
  );
}
